<%@ Page Language="C#" MasterPageFile="~/masterpages/PublicThreeColumnLayout.master" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="public_Login" Title="Untitled Page" %>
<asp:Content ID="head" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="MiddleContent" ContentPlaceHolderID="MiddleContent" Runat="Server">
    <table class="loginArea">
        <tr>
            <td>
                <div class="row">
                    <div class="col">
                        <div class="row">
                            <asp:ValidationSummary ID="vsmRegistration" runat="server" CssClass="validationSummary" 
                                HeaderText="Please correct the following issues." />
                        </div>
                        <div class="row">
                            <div class="col loginTitle">User ID</div>
                            <div class="col">
                                <asp:TextBox ID="tbxUserId" runat="server" CssClass="loginTextBox" MaxLength="20" ></asp:TextBox>
                            </div>
                            <div class="col">
                                <asp:RegularExpressionValidator ID="rexUserId" runat="server" ControlToValidate="tbxUserId"
                                    Display="Dynamic" ErrorMessage="<%$ Code:CodeWork.Library.RegExUtil.UserNameFormatError %>" 
                                    ValidationExpression="<%$ Code:CodeWork.Library.RegExUtil.UserNameFormat %>" Text="*" >
                                </asp:RegularExpressionValidator>
                            </div>
                            <div class="col">
                                <asp:RequiredFieldValidator ID="rqvUserId" runat="server" ControlToValidate="tbxUserId"
                                    Display="dynamic" ErrorMessage="UserID is required" Text="*" >
                                </asp:RequiredFieldValidator>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col loginTitle">Password</div>
                            <div class="col">
                                <asp:TextBox ID="tbxPassword" runat="server" CssClass="loginTextBox" MaxLength="20" TextMode="Password" ></asp:TextBox>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col loginTitle">&nbsp;</div>
                            <div class="col">
                                <asp:ImageButton ID="ibtLogin" runat="server" AlternateText="Login" OnClick="Login_Click" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="col loginTitle">&nbsp;</div>
                            <div class="col">
                                <a href="recover.aspx">Forgot Password? Recover it here.</a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <asp:Label ID="lblLoginErrorMessage" runat="server" Visible="false" CssClass="errorMessage" 
                                    Text="<%$ Code:CodeWork.Library.CommonMessage.LoginFailedErrorMessage %>"></asp:Label>
                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</asp:Content>

